<!DOCTYPE html>
<html>
<head>
    <title>首页 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }

        .caption-wraper .caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            padding: 0.4em 1em;
            color: #fff;
            -webkit-border-radius: 1.2em;
            -moz-border-radius: 1.2em;
            -ms-border-radius: 1.2em;
            -o-border-radius: 1.2em;
            border-radius: 1.2em;
        }

        .tc-gridbox {
            margin: 0;
        }

        @media (max-width: 767px) {
            .caption-wraper {
                left: 0;
                bottom: 0.4em;
            }

            .caption-wraper .caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
        }

    </style>
    <hook name="before_head_end"/>
</head>
<body class="body-white">
<include file="public@nav"/>

<!--banner start-->
<div class="ui fluid container">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <php>
                $top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
            </php>
            <slides id="$top_slide_id">
                <div class="swiper-slide"><a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt=""></a></div>
            </slides>
            <noslides id="$top_slide_id">
                <div class="swiper-slide"><img src="__TMPL__/static/images/banner01.jpg" alt=""></div>
                <div class="swiper-slide"><img src="__TMPL__/static/images/banner01.jpg" alt=""></div>
            </noslides>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
</div>
<!--banner end-->

<!--软件方案 start-->
<div class="ui fluid container padtb">
    <div class="ui horizontal divider title">
        软件解决方案
        <div class="label">SOFTWARE SOLUTIONS</div>
    </div>
    <div class="ui four column grid container" style="padding:5rem 0;">
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_03.jpg" alt="">
                <p>快餐连锁ERP+</p>
            </span>
        </div>
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_05.jpg" alt="">
                <p>中餐连锁ERP+</p>
            </span>
        </div>
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_07.jpg" alt="">
                <p>客房连锁ERP+</p>
            </span>
        </div>
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_09.jpg" alt="">
                <p>综合类酒店</p>
            </span>
        </div>
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_15.jpg" alt="">
                <p>移动收银台</p>
            </span>
        </div>
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_16.jpg" alt="">
                <p>高效扫码点餐</p>
            </span>
        </div>
        <div class="column">
            <span href="#" class="soft">
                <img src="__TMPL__/static/images/web_17.jpg" alt="">
                <p>会员营销方案</p>
            </span>
        </div>
    </div>
</div>
<!--软件方案 end-->

<!--硬件方案 start-->
<div class="ui fluid container padtb hard-solutions">
    <div class="ui horizontal divider title white">
        硬件解决方案
        <div class="label">HARDWARE SOLUTIONS</div>
    </div>
    <div class="ui four column grid container" style="padding:10rem 0 19rem;">
        <div class="column">
            <span class="hard">
                <img src="__TMPL__/static/images/yitiji.png" alt="">
                <p>安卓一体机</p>
            </span>
        </div>
        <div class="column">
            <span class="hard">
                <img src="__TMPL__/static/images/chumoping.png" alt="">
                <p>触摸屏</p>
            </span>
        </div>
        <div class="column">
            <span class="hard">
                <img src="__TMPL__/static/images/shoukuanshenqi.png" alt="">
                <p>收款神器</p>
            </span>
        </div>
        <div class="column">
            <a href="{:url('portal/list/index',array('id'=>9))}" class="hard" style="color: #fff">
                <img src="__TMPL__/static/images/gengduo.png" alt="">
                <p>了解更多</p>
            </a>
        </div>
    </div>
</div>
<!--硬件方案 end-->

<!--经典客户案例 start-->
<div class="ui fluid container padtb">
    <div class="ui horizontal divider title">
        经典客户案例
        <div class="label">CLASSIC CUSTOMER CASE</div>
    </div>
    <div class="ui three column grid container" style="padding: 5rem 0;">
        <portal:allSubCategories categoryId="10" item="vo">
        <div class="column" style="padding:3rem;">
            <a href="{:cmf_url('portal/list/index',array('id'=>$vo['id']))}" class="case" style="overflow: hidden">
                <img style="height: 383px;" src="{:cmf_get_image_url($vo.more.thumbnail)}" alt="">
                <p>{$vo.name}</p>
            </a>
        </div>
        </portal:allSubCategories>
    </div>
</div>
<!--经典客户案例 end-->

<!--新闻中心 start-->
<div class="ui fluid container padtb news-center" style="height:900px;">
    <div class="ui horizontal divider title white">
        新闻中心
        <div class="label">NEWS CENTER</div>
    </div>
    <div class="ui grid container" style="padding: 5rem 0;">
        <!--新闻动态 start-->
        <div class="seven wide column">
            <div class="times">
                <ul>
                    <portal:articles limit="6" order="post.recommended DESC,post.published_time DESC"
                                     categoryIds="13">
                    <li>
                        <div class="outer"><div class="inner"></div></div>
                        <a href="{:url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$vo.category_id))}">{$vo.post_title}</a>
                        <span>{:date('Y-m-d',$vo['create_time'])}</span>
                    </li>
                    </portal:articles>
                </ul>
            </div>
            <a href="{:url('portal/list/index',array('id'=>13))}" style="color: #FFF;margin-left:60%;">更多新闻</a>
        </div>
        <!--新闻动态 end-->
        <!--团队展示 start-->
        <div class="nine wide column">
            <div class="ui two column grid container" style="padding: 5rem 0;">
                <portal:articles limit="4" order="post.recommended DESC,post.published_time DESC"
                                 categoryIds="14">
                <div class="column">
                    <a href="{:url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$vo.category_id))}" class="team-show">
                        <if condition="empty($vo.more.thumbnail)">
                            <img src="__TMPL__/static/images/web_48.jpg" alt="{$vo.post_title}">
                            <else/>
                            <img src="{:cmf_get_image_url($vo.more.thumbnail)}" alt="{$vo.post_title}"/>
                        </if>

                        <p>{$vo.post_title}</p>
                    </a>
                </div>
                </portal:articles>
            </div>
        </div>
        <!--团队展示 end-->
    </div>
</div>
<!--新闻中心 end-->

<!--关于我们 start-->
<div class="ui fluid container padtb about-us" style="height: 819px">
    <div class="ui horizontal divider title">
        关于我们
        <div class="label">ABOUT US</div>
    </div>
    <div class="ui container">
        <p style="font-size: 1.2rem;margin:5rem auto;color:#666;">
            山东好食好客信息科技股份有限公司是一家专业为餐饮行业提供信息化和管理咨询服务的高新技术企业。好食好客产品自1999年面世以来，服务了全国5万多家餐饮、300多家代理商，形成覆盖全国完善的销售、咨询、售后、运营等服务体系。致力于帮助餐饮连锁企业降低成本，提高效益，实现线上线下数据化运营，为餐饮连锁企业提供一体化解决方案。
        </p>
    </div>
</div>
<!--关于我们 end-->
<!--联系我们 start-->
<div class="ui fluid container padtb contact-us" style="height:820px;">
    <div class="ui horizontal divider title white">
        联系我们
        <div class="label">CONTACT US</div>
    </div>
    <div class="ui two column grid container" style="padding: 5rem 0;">
        <!--联系方式 start-->
        <div class="column">
            <div class="h-title">山东好食好客信息科技股份有限公司</div>
            <div class="contact">
                销售专线：0531-55567777、55567878<br>
                QQ：613667577<br>
                售后客服专线：0531-55567707<br>
                QQ：613667529<br>
                QQ：293411775<br>
                门锁调试客服QQ：613667538<br>
                餐饮连锁客服：0531-55567707<br>
                快餐连锁客服：0531-55568855<br>
                QQ：613667537<br>
                公司地址：山东省济南市高新区颖秀路鑫盛大厦2号楼10层<br>
            </div>
        </div>
        <!--联系方式 end-->
        <!--二维码 start-->
        <div class="column">
            <img src="__TMPL__/static/images/qrcode.jpg" alt="" style="width: 50%">
        </div>
        <!--二维码 end-->
    </div>
</div>
<!--联系我们 end-->

<!--footer start-->
<div class="ui fluid container black">
    <div class="ui container links" style="margin-top:1rem;margin-bottom:1rem;">
        友情链接
        <links>
            <a href="{$vo.url|default=''}" target="{$vo.target|default=''}">{$vo.name|default=''}</a>&nbsp;
        </links>
    </div>
    <div class="ui container">
        Copyright 2015. All Right Reserved. 山东好是好可信息科技股份有限公司版权所有 <a target="_blank" href="http://www.miibeian.gov.cn/">{$site_info.site_icp}</a>
    </div>
</div>
<!--footer end-->
<include file="public@kefu"/>
<!-- /container -->
<include file="public@scripts"/>

<style></style>
<script src="__TMPL__/static/js/semantic.min.js"></script>
<script src="__TMPL__/static/js/swiper.min.js"></script>
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<script>
  //页面动画
  window.sr = ScrollReveal({ reset: true });
  sr.reveal('.soft',{rotate: {y: 65} });
  sr.reveal('.hard',{rotate: {x: 65} });
  sr.reveal('.case',{rotate: {y: 65} });
  sr.reveal('.team-show',{rotate: {x: 65} });
  // banner动画
  var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    slidesPerView: 1,
    paginationClickable: true,
    spaceBetween: 30,
    loop: true
  });
</script>
<hook name="before_body_end"/>
{$site_info.site_analytics}
</body>
</html>
